<ul class="list-group list-group-1 margin-none"> <li class="list-group-item active"><a href="#"><i class="fa fa-user"></i> Profile</a></li> <li class="list-group-item"><a href="#"><span class="badge pull-right badge-primary hidden-md">13</span><i class="fa fa-book"></i> Timeline</a></li> <li class="list-group-item"><a href="#"><span class="badge pull-right badge-primary hidden-md">2</span><i class="fa fa-envelope"></i> Messages</a></li> <li class="list-group-item"><a href="#"><i class="fa fa-cogs"></i> Settings</a></li> <li class="list-group-item border-bottom-none"><a href="#"><i class="fa fa-lock"></i> Logout</a></li> </ul>
@import "assets/components/modules/admin/widgets/lists/list-group/assets/custom/less/list-group.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
<ul class="list-group list-group-1 margin-none"> <li class="list-group-item active"><a href="#"><span class="badge badge-primary pull-right hidden-md">13</span><i class="fa fa-user"></i> For Rent</a></li> <li class="list-group-item"><a href="#"><span class="badge pull-right badge-primary hidden-md">13</span><i class="fa fa-book"></i> For Sale</a></li> <li class="list-group-item"><a href="#"><span class="badge pull-right badge-primary hidden-md">2</span><i class="fa fa-envelope"></i> Comercial</a></li> <li class="list-group-item"><a href="#"><i class="fa fa-cogs"></i> Luxury</a></li> <li class="list-group-item "><a href="#"><i class="fa fa-lock"></i>Contact us</a></li> </ul>
@import "assets/components/modules/admin/widgets/lists/list-group/assets/custom/less/list-group.less"; @import "assets/components/core/less/labels.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.